<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
          <script src="dist/js/bootstrap.js"></script>
        <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
        <link href='base.css' rel='stylesheet' type='text/css'>
        <link href='dist/css/bootstrap.css' rel='stylesheet' type='text/css'>
        <title></title>
        
        <script type="text/javascript">
        
        $('.dropdown-toggle').dropdown()
        
        </script>
        
    </head>
    <body>
<div id="navBarTop">        
    <div class="narContainer">

        <!--<img src="images/mainlogo.png" style="margin-left: -50px;" width="150"/>-->
        <a href="index.php" ><img style="border: none;" src="images/logo.png"/></a>
        
        <?php if (isLoggedIn())
        {
        ?> 
        
        <div class="hiUser">
        <li class="dropdown" style="float: right; width: 100%;">
        Hi, <a id="drop4" role="button" data-toggle="dropdown" href="#"><?php echo getUserName();?> <b class="caret"></b></a>
        <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
            <li role="presentation"><a role="menuitem" tabindex="-1" href="myaccount.php" style="text-align: left;">Your account</a></li>
          <li role="presentation" class="divider"></li>
          <li role="presentation"><a role="menuitem" tabindex="-1" href="logout.php" style="text-align: left;">Logout</a></li>
        </ul>
      </li>
        </div>
        
        <?php 
        
        }
        else
        {
            echo '<a href="signin.php" style="text-decoration: none;"><button style="float: right; text-decoration: underline; margin-top: 15px;" class="btn btn-info btn-xs">Student Login</button></a>';
        }
        ?>
    </div>
</div>
 <div id="container">